h1 {
	margin: 0;
	padding: 0;
}
.confirmCon {
	margin-top: 3rem;
}
.datetime {
	background: skyblue;
	color: #fff;
}
.weekend {
	color: red;
}
.calendar-con {
	width: 100%;
	padding: 10px;
}
.calendar-top {
	display: flex;
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid skyblue;
}
.calendar-top .year {
	flex: 2;
}
.calendar-top .month {
	flex: 2;
}
.calendar-top .date-btn {
	flex: 1;
}
.calendar-main {
	width: 100%;
	height: 14rem;
}
.days-table {
	width: 100%;
}
.days-table .table-head {
	margin-bottom: 5px;
}
.days-table tr {
	display: flex;
	display: -webkit-flex;
	border-bottom: 1px solid #000;
	margin: 3px 0;
}
.days-table tr:last-of-type {
	border-bottom: 0px;
}
.days-table td,.days-table th {
	flex: 1;
	height: 38px;
	line-height: 38px;
	text-align: center;
}
.freetime {
	border-radius: 30px;
	background: green;
	color: #fff;
}
#month, #year {
	height: 34px;
}
.redFont {
	color: darkred;
}